<template>
    <div>
        <el-table :data="tableData" stripe style="width: 100%" :header-cell-style="{
            backgroundColor: '#262626',
            'font-family': ' PingFang HK, PingFang HK',
            'font-weight': 500,
            'font-size': '16px',
            'color': '#FFFFFF'
        }" :cell-style="{
            height: '50px',
            'font-size': '16px',
        }">
            <el-table-column prop="date" label="日期" width="200" />
            <el-table-column prop="tem" label="队伍" />
            <el-table-column prop="time" label="时间" />
            <el-table-column prop="place" label="地点" />
            <el-table-column prop="type" label="类型" />
        </el-table>
    </div>
</template>


<script setup>
const tableData = [
    {
        date: '2025年5月13日',
        tem: 'Ocean Dean team  VS  Aaron White  club',
        time: '9:05 - 19:19 HKT',
        place: 'Kai Tak Main Stadium',
        type: '小组赛',
    },
    {
        date: '2025年5月13日',
        tem: 'Ocean Dean team  VS  Aaron White  club',
        time: '9:05 - 19:19 HKT',
        place: 'Kai Tak Main Stadium',
        type: '小组赛',
    },
    {
        date: '2025年5月13日',
        tem: 'Ocean Dean team  VS  Aaron White  club',
        time: '9:05 - 19:19 HKT',
        place: 'Kai Tak Main Stadium',
        type: '小组赛',
    },
    {
        date: '2025年5月13日',
        tem: 'Ocean Dean team  VS  Aaron White  club',
        time: '9:05 - 19:19 HKT',
        place: 'Kai Tak Main Stadium',
        type: '小组赛',
    },
    {
        date: '2025年5月13日',
        tem: 'Ocean Dean team  VS  Aaron White  club',
        time: '9:05 - 19:19 HKT',
        place: 'Kai Tak Main Stadium',
        type: '小组赛',
    },
    {
        date: '2025年5月13日',
        tem: 'Ocean Dean team  VS  Aaron White  club',
        time: '9:05 - 19:19 HKT',
        place: 'Kai Tak Main Stadium',
        type: '小组赛',
    },
]
</script>